<div id="monkeys">Bananas</div>
<form action="#">
  <input type="image" src="img.jpg" id="violation1" />
  <input type="image" src="img.jpg" id="violation2" aria-label="" />
  <input
    type="image"
    src="img.jpg"
    id="violation3"
    aria-labelledby="nomatchy"
  />
  <input type="image" src="img.jpg" id="violation4" aria-labelledby="" />
  <input type="image" src="img.jpg" id="pass1" alt="monkeys" />
  <input type="image" src="img.jpg" id="pass2" aria-label="monkeys" />
  <input type="image" src="img.jpg" id="pass3" aria-labelledby="monkeys" />
  <input type="image" src="img.jpg" id="pass4" title="monkeys" />
  <input type="image" src="img.jpg" id="violation5" alt="" />

  <label>Name<input type="image" src="img.jpg" id="pass5" /></label>
  <label for="pass6">Name</label>
  <input type="image" src="img.jpg" id="pass6" />

  <input type="image" src="img.jpg" id="violation6" role="img" disabled />
  <input type="image" src="img.jpg" id="violation7" role="gridcell" />
  <input
    type="image"
    src="img.jpg"
    id="inapplicable1"
    role="gridcell"
    disabled
  />
</form>
